<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8"/>
    <title>[青客租房——登录]</title>

    <style type="text/css">


        .aa{		width: 750px;
            margin: 10% auto 0;
        }
        body.ok {
            height: auto;
            background: url(http://www.zi-han.net/theme/hplus/img/login-background.jpg) no-repeat center fixed;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
            color: white;
        }
        .bb {
            margin-right: -250px;
            margin-left: 590px;
        }
        .cc{
            width: 41.66666667%;
        }
        .bb  .e {
            margin-top: 15px;
        }
        .e {
            background-color: #1c84c6;
            border-color: #1c84c6;
            color: #fff;
        }
        .c {
            border-radius: 100px;
        }

        .d {
            display: block;
            width: 103%;
            height: 30px;
        }

        .bb .uname {
            background: #fff url(http://www.zi-han.net/theme/hplus/img/user.png) no-repeat 95% center;
            color: #333;
        }
        .bb .pword {
            background: #fff url(http://www.zi-han.net/theme/hplus/img/locked.png) no-repeat 95% center;
            color: #333;
        }

        .signinpanel form {
            background: rgba(255, 255, 255, 0.2);
            border: 1px solid rgba(255, 255, 255, 0.3);
            -moz-box-shadow: 0 3px 0 rgba(12, 12, 12, 0.03);
            -webkit-box-shadow: 0 3px 0 rgba(12, 12, 12, 0.03);
            box-shadow: 0 3px 0 rgba(12, 12, 12, 0.03);
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            border-radius: 20px;
            padding: 30px;
        }
    </style>
</head>
<body class="ok">
<div  class="aa">
    <div class="col-sm-7">
        <div class="signin-info">
            <div class="logopanel m-b">
                <h1>[ 青客卖房 ]</h1>
            </div>
            <div class="m-b"></div>
            <h4>欢迎使用 <strong>青客卖房管理系统</strong></h4>
            <ul class="m-b">
                &nbsp;
                &nbsp;
                &nbsp;
                &nbsp;
                &nbsp;
            </ul>

        </div>
        <div class="bb">
            <div class="cc">
                <div class="dd">
                    <div class="col-sm-5">


                        <p>登录信息：<h4 th:text="${msg}"></h4></p>
                        <form action="" method="post">
                            <p >登录到青客租房后台</p>
                            <input type="text" name="username" class="form-control uname" placeholder="用户名"/>
                            <input type="password" name="password" class="form-control pword m-b" placeholder="密码"/>
                            <button class="e c d">登录</button>
                        </form>

                    </div>
                </div>
            </div>
        </div>
    </div>


</div>
</body>
</html>



<!--<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8"/>
    <title>登录</title>
</head>
<body>
    <p>错误信息：<h4 th:text="${msg}"></h4></p>
    <form action="" method="post">
        <p>账号：<input type="text" name="username"/></p>
        <p>密码：<input type="password" name="password"/></p>
        <p><input type="submit" value="登录"/></p>
    </form>
</body>
</html>-->









